<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	template="/template/template_dialog.xhtml">
	<ui:define name="head">
		<title>#{lang.BaoHuJianXiu}</title>
		<link rel="stylesheet"
			href="/resources/plugins/datatables/dataTables.bootstrap.css" />
		<link href='/resources/bootstrap/css/bootstrap-datetimepicker.min.css'
			rel='stylesheet' />
		<link href='/resources/bootstrap/css/bootstrap-datetimepicker.min.css'
			rel='stylesheet' />
		<link href='/ui/map/dialog/daily/css/checkboxGroup.css'
			rel='stylesheet' />
		<style>
/**
*  筛选栏
*/
.bs-callout {
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
	margin: 0 !important;
	padding: 0px !important;
}
.bs-callout>div{
	cursor:pointer;
}
.todo {
	color: orange;
}
.doing {
	color: blue;
}
.done {
	color: green,
}
.num {
	font-size: 25px;
	margin: 10px;
}
.selectedDiv {
	font-weight: bold;
	box-shadow: 0 0 5px black;
}
.redText{
	color:red;
}

/**
* 表格数据
**/
table.table tr.todoRow, .todoRow {
	background: #fafbc0;
}

table.table tr.doingRow, .doingRow {
	background: #d7f1f9;
}

table.table tr.doneRow, .doneRow {
	background: #c2e4a3;
}
</style>
	</ui:define>
	<ui:define name="content">
		<div class="nav-tabs-custom">
			<div class="navbar-form"  id="selectUL">
				<button id="columnsSelectButton" style="margin: 10px;" class="btn btn-default "
					onclick="onColumnsSelectDivClick();">
					#{lang.LieShaiXuan} 
					<span id="columnsSelectButtonIcon" class="fa fa-caret-down"></span>
				</button>
				<div class="input-group">
					<div class="btn btn-default">
						<i class="fa fa-calendar"></i>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" id="start" /> 
						<input type="text" class="form-control" id="end" />
					</div>
					<button class="btn btn-default" onclick="query()" title="#{lang.ChaXunYiWanChengJiHua}">#{lang.ChaXun}</button>
				</div>
				<button id="selectButton" style="margin: 10px;" class="btn btn-default"
					onclick="onSelectDivClick();">
					#{lang.ShuJuShaiXuan} 
					<span id="selectButtonIcon" class="fa fa-caret-down"></span>
				</button>
			</div>
			
			<div id="columnsSelectDiv"/>
			<div id="selectDiv"/>
			
			<div id="statusDiv" class="bs-callout">
				<div class="col-sm-3 selectedDiv">
					#{lang.QuanBu}：<span class="num" id="allNum">0</span>
				</div>
				<div class="col-sm-3 todoRow">
					#{lang.DaiKaiGong}：<span class="num" id="todoNum">0</span>
				</div>
				<div class="col-sm-3 doingRow">
					#{lang.JinXingZhong}：<span class="num" id="doingNum">0</span>
				</div>
				<div class="col-sm-3 doneRow">
					#{lang.YiWanGong}：<span class="num" id="doneNum">0</span>
				</div>
			</div>
			<table id="overhaulTable" class="table table-gray"/>
		</div>
	
		<h:inputHidden id="stationId" value="#{request.getParameter('stationId')}"></h:inputHidden>
		<h:inputHidden id="startTime" value="#{request.getParameter('startTime')}"></h:inputHidden>
		<h:inputHidden id="endTime" value="#{request.getParameter('endTime')}"></h:inputHidden>
	</ui:define>
	<ui:define name="contentend">
		<script>
		var localeTitle = {
				XuHao:'#{lang.XuHao}',
				ShenQingDanWei:'#{lang.ShenQingDanWei}',
				GongZuoDiDian:'#{lang.GongZuoDiDian}',
				GongZuoZhuangTai:'#{lang.GongZuoZhuangTai}',
				JianXiuNeiRong:'#{lang.JianXiuNeiRong}',
				KaiShiShiJian:'#{lang.KaiShiShiJian}',
				JieShuShiJian:'#{lang.JieShuShiJian}',
				ZhiXingQingKuang:'#{lang.ZhiXingQingKuang}',
				ChaXunYiWanChengJiHua:'#{lang.ChaXunYiWanChengJiHua}',
				JinXingZhong:'#{lang.JinXingZhong}',
				DaiKaiGong:'#{lang.DaiKaiGong}',
				YiWanGong:'#{lang.YiWanGong}',
				LieShaiXuan:'#{lang.LieShaiXuan}',
				QuanXuan:'#{lang.QuanXuan}',
		}
		</script>
		<script src="/resources/js/tables/mytable.js"></script>
		<script src="/resources/plugins/datatables/jquery.dataTables.min.js"></script>
		<script
			src="/resources/plugins/datatables/dataTables.bootstrap.min.js"></script>
		<script src="/resources/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
		<script src="/ui/map/dialog/daily/checkboxGroup.js"></script>
		<script src="/resources/js/date-util.js"></script>
		<script src="dailyOverhaul.js"></script>
	</ui:define>
</ui:composition>


